<%-- 
    Document   : gerente_Recursos
    Created on : Apr 7, 2012, 9:01:27 PM
    Author     : Eol
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gerente - Recursos</title>
<link href="Estilos/css/bootstrap.css" rel="stylesheet">

<style type="text/css" media="screen">
  #fondo {
            height: 400px;  
            margin: auto;
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#f18b01),  to(#ffffff));
        }
</style>
</head>

<body>
	<div id="fondo" class="container" style="width: auto;">
    	<div class="row" style="position:absolute;top:15px;left:200px">
      		<div class="span2">
        		<div class="row">
      				<h1>Man&uuml;</h1><img src="img/manuLogo.png" width="135" height="137" style="position: relative; top: -45px;" />
    			</div>
  			</div>
			<div class="span5">
    			<div class="page-header">
  					<h1>Nombre del proyecto</h1>
  					<h3>Bienvenido : Nombre</h3>
            		<h4>Gerente</h4>
				</div>  
			</div>
            <div class="span3">
    			<div class="page-header">
                	<div class="btn-group">
						<a class="btn btn-warning">Cambiar contraseña</a>
  						<a href="index.jsp"class="btn btn-info">Salir»</a>
                    </div>
				</div>  
			</div>
        </div>
    </div>
	<div class="subnav" style="position:absolute;top:130px;left:170px">
		<ul class="nav nav-pills">
			<li class=""><a href="gerente_GestionProyecto.jsp">Gestion del Proyecto</a></li>
			<li class=""><a href="gerente_AdministracionColaboradores.jsp">Administracion de colaboradores</a></li>
			<li class="dropdown active"><a href="#">Recursos</a></li>
			<li class=""><a href="#badges">Reportes</a></li>
		</ul>
	</div>
	<div class="btn-group" style="position:absolute;top:180px;left:170px">
		<button class="btn">Crear</button>
		<button class="btn">Eliminar</button>
		<button class="btn">Guardar</button>
	</div>
	<a href="#" class="btn btn-warning" name="mostrarTodo" type="sumit" style="position:absolute;top:220px;left:840px">Mostrar todo</a>

	
	<div class="row"style="position:absolute;top:240px;left:170px">
		&nbsp
		&nbsp
		&nbsp
		&nbsp
		Parametros de Busqueda:
		<p>
		<div class="span8">
			<form class="well form-inline">
				<a href="#" class="btn btn-warning" name="buscar" type="sumit" style="position:absolute;left:700px">Buscar</a>
				Nombre 
				<input class="input" name="nombre" type="text" data-provide="typeahead">
				&nbsp
				<input name="activo" type="checkbox">
				Ilimitado
				&nbsp
				&nbsp
				&nbsp
				&nbsp				
				Disponibilidad
				<input class="input-mini" name="disponibilidad" type="text" data-provide="typeahead">
				<p>
				</p>
				<a href="#" class="btn btn-info" name="limpiar" type="sumit" style="position:absolute;left:700px">Limpiar</a>
			</formn>
			<br/>
			<br/>
			<table class="table">
			<thead>
				<tr>
					<th>Sel</th>
					<th>ID</th>
					<th>Colaborador</th>
					<th>Cargo</th>
					<th>Correo</th>
					<th>Activo</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><input type="checkbox"></td>
					<td>Mark</td>
					<td>Otto</td>
					<td>@mdo</td>
					<td>sg@gmail</td>
					<td>si</td>
				</tr>
				<tr>
					<td><input type="checkbox"></td>
					<td>Mark</td>
					<td>Otto</td>
					<td>@mdo</td>
					<td>sg@gmail</td>
					<td>si</td>
				</tr>
				<tr>
					<td><input type="checkbox"></td>
					<td>Mark</td>
					<td>Otto</td>
					<td>@mdo</td>
					<td>sg@gmail</td>
					<td>si</td>
				</tr>
				<tr>
					<td><input type="checkbox"></td>
					<td>Mark</td>
					<td>Otto</td>
					<td>@mdo</td>
					<td>sg@gmail</td>
					<td>si</td>
				</tr>
			</tbody>
			</table>
		</div>
	</div>
	
	
	<script src="Estilos/js/jquery.js"></script>
	<script src="Estilos/js/bootstrap-dropdown.js"></script>

</body>
</html>
